<template>
	<view class="submitOrder">
		<view class="a">
			<view class="a1"><text class="iconfont icon-zuoweianpai"></text>预约座位</view>
			<view class="a2">{{1}}</view>
		</view>
		<view class="a">
			<view class="a1"><text class="iconfont icon-shijian"></text>预约时间</view>
			<view class="a2">{{1}}</view>
		</view>
		<view class="a">
			<view class="a1"><text class="iconfont icon-qian"></text>整体金额</view>
			<view class="a2">{{1}}</view>
		</view>
		<view class="a">
			<view class="a1"><text class="iconfont icon-youhuiquan"></text>我的卡劵</view>
			<view class="a2">{{1}}</view>
		</view>
		<view class="pay">
			<span class="but">金额:&yen{{20}}元</span>
			<button class="but1">确定预约支付</button>
		</view>
	</view>
	
	
</template>

<script>

	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	@import url('~@/static/fonts/iconfont.css');
.submitOrder{
	width: 100%;
	height: auto;
	margin-top: 20rpx;
	color: #333333;
	font-size: 32rpx
}
.a{
	width: 100%;
	height: 100rpx;
	border-bottom:1px solid #d7d7d7;
	line-height: 100rpx;
}
.a1,.a2{
	display: inline-block;
}
.a2{
	float: right;
}
/*  */
.pay{
	width: 100%;
	height: auto;
	margin-top: 1000rpx;
	margin-bottom: 0;
}
.but{
	width: 50%;
	height: 100rpx;
	line-height: 100rpx;
	text-align: center;
	background-color:#d7d7d7;
	float: left;
}
.but1{
	width: 50%;
	height: 100rpx;
	background-color: #8383fe;
	border-radius: 0;

}
</style>
